<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0"/>
    <meta name="referrer" content="always"/>
    <meta name="apple-itunes-app" content="app-id=524298520"/>
    <title>中国铁路12306</title>
    <link rel="icon" href="./12306image/12306logo.png"/>

   <style>
       body{

           margin:0;
           /*background:url(./12306image/12306-2.png) no-repeat;*/
           /*background-size:100%;*/
       }
       form{
          /* width: 1780px;
           margin: 0 auto;
           top: 60%;
           left: 100%;
           position: absolute;
           margin: -190px 0 0 -540px;*/
       }

   </style>

</head>
<body >
<!--<div style="width:100%;text-align:center">-->
<form method="get" action="https://www.12306.cn/index/index.html">

    <p style="font-size: 12px"><font color="red">*</font> 用&nbsp;户&nbsp;名：<input type="text" name="userAcount" placeholder="用户设置成功后不可修改" required pattern="[-\w\u4E00-\u9FA5]{4,10}"><font color="orange">&nbsp;6-30位字母、数字或“_”,字母开头</font></p>
    <p style="font-size: 12px"><font color="red">*</font> 登录密码：<input type="password" name="userPass" placeholder="6-20位字母、数字或符号" required pattern="[\dA-Za-z]{6,16}"><img src="./12306image/redline.jpg"></p>
    <p style="font-size: 12px"><font color="red">*</font> 确认密码：<input type="password" name="checkPass" placeholder="再次输入您的登录密码" required pattern="[\dA-Za-z]{6,16}"></p>

    <p style="font-size: 12px"><font color="red">*</font> 证件类型：
        <select name="cardInfo">
            <option value="shenFenZheng">中国居民身份证</option>
            <option value="gangAoZheng">港澳居民来往内地通行证</option>
            <option value="TaiWanZheng">台湾居民来往内地通行证</option>
            <option value="huZhao">护照</option>
        </select>
        <br><br><input type="radio" name="cardInfo" value="china" checked="checked">中国居民身份证
        <br><br> <input type="radio" name="cardInfo" value="waiGuoRen">外国人永久居留身份证
        <br><br><input type="radio" name="cardInfo" value="GangAoTai">港澳台居民居住证
    </p>
    <p style="font-size: 12px"><font color="red">*</font> 姓&nbsp;名：<input type="text" name="userName" placeholder="请输入证件上的中文姓名" required pattern="[-\w\u4E00-\u9FA5]{2,20}"><font color="orange">&nbsp;<u>姓名填写规则</u> （用于身份核验，请正确填写）</font></p>
    <p style="font-size: 12px"><font color="red">*</font> 证件号码：<input type="text" name="useridCard" placeholder="请输入您的证件号码" required pattern="^\d{15}|\d{18}$"><font color="orange">&nbsp;（用于身份核验，请正确填写）</font></p>
    <p style="font-size: 12px">&nbsp;&nbsp;&nbsp;邮&nbsp;箱：<input type="text" name="email" placeholder="请正确填写邮箱地址" required pattern="^\w+([-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$"></p>
    <p style="font-size: 12px">&nbsp;&nbsp;&nbsp;手机号码（+86）：<input type="text" name="userPhone" placeholder="请输入您的手机号码" required pattern="1[3-9]\d{9}"><font color="orange">&nbsp;请正确填写手机号码，稍后将向该手机号码发送短信验证码</font></p>

    <p style="font-size: 12px"><font color="red">*</font> 旅客类型：
        <select name="lvKeLeiXing">
            <option value="chengRen">成人</option>
            <option value="erTong">儿童</option>
            <option value="xueSheng">学生</option>
            <option value="canJi">残疾军人、伤残人民警察</option>
        </select>
    </p>

    <p>
        <input type="checkbox" name="tiaoKuan" value="yes"  />
        我已阅读并同意遵守
        <a href="https://kyfw.12306.cn/otn/regist/rule" style="text-decoration:none">《中国铁路客户服务中心网站服务条款》</a>
        <a href="https://kyfw.12306.cn/otn/gonggao/privacyPolicy_web.html" style="text-decoration:none">《隐私权政策》</a>

    </p>
    <input name="submit" type="image" src="./12306image/12306-bot.jpg" width="5%" height="5%" border="0">


</form>
</div>


</body>
</html>